<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">  
    <script type="text/javascript" src="static/js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="static/js/jquery-ui-1.8.19.custom.min.js"></script>
    <script src="http://jquery-json.googlecode.com/files/jquery.json-2.2.min.js"></script>
    <script src="static/js/ssh.js"></script>
    <script src="static/js/main.js"></script>
    <link rel="stylesheet" href="static/css/main.css" type="text/css" media="screen" charset="utf-8">
    <link type="text/css" href="static/css/smoothness/jquery-ui-1.8.19.custom.css" rel="stylesheet" />
    <title>SSH客户端</title>
    <style type="text/css">
        @font-face
        {
            font-family: monaco;
            src: url('static/font/monaco.ttf');
        }
         *{
                margin:0;padding:0;
            }
        body{  
            font-family:"宋体";
            font-size:12px;
            line-height:18px;
            height:100%;
            width: 100%;
        }  
        #main_shower{
            height: 94%;
            position:absolute;
            background-color: black;
            color:white;
            width: 99%;
            word-wrap: break-word; 
            overflow-x:hidden;
            overflow-y:auto;
            font-family:monaco;
            font-size :12px;
        }
        #command{
            text-align:center;
            position:absolute;
            bottom:0;
            width : 99%;
        }
        .sender{
            margin-top:0px;
            background-color: #red;
            height:21px;
            padding-top:0px;
        }

        .leading{
            background-color: #efefef;
            border: 2px solid ;
            border-color:#efefef #efefef #ddd #ddd;
            height:21px;
            width:auto;
            padding:2px 5px 0px 5px;
            font-size:12px;
        }

        .cmd_input{
            font-size:12px;
            background-color: black;
            outline: none;
            width : 50%;
            border: none;
            color:white;
        }
        .ip_input{
            z-index: 100;
            position: relative
        }


    </style>
</head>
<body>


<header>
    <input class="ip_input" type="text" placeholder="输入主机名称(or ip)" autofocus size="40" id="ip"/>
    <input type="text" placeholder="用户名" id="name" size="20"/>
    <input type="password" placeholder="密码" id="password" size="20"/>
    <input name="startBtn" type="button" value="登录主机"/>
</header>
<div>
    <pre id="main_shower"></pre>
</div>

<!--
<div id="command">
</div>
-->



</body>

</html>
